草庐IT

HTML5 SVG

全部标签

javascript - 无法通过jsPDF从Html div制作PDF

我有这个js代码:vardoc=newjsPDF();$('#pdf_new').click(function(){varhtml=$(".wrap_all").html();doc.fromHTML(html,200,200,{'width':500,});doc.save("Test.pdf");});在html中我有这样的代码:........没有任何作用...控制台返回给我:Cannotreadproperty#wrap_oddofundefined"(PS对不起我的英语) 最佳答案 当使用“fromHTML”从您使用JSP

javascript - 使用 Javascript(或 jQuery)淡入/淡出 HTML 元素的背景颜色

我有一个表格,其行需要突出显示然后清除。我正在使用contextualclasses为表格行着色(不是必需的要求)。下面给出了javascript部分。我如何使用javascript/jQuery/Bootstrap为行着色设置动画,即淡入/淡出。下面的代码立即添加和删除颜色。$('tr').eq(1).addClass('success');setTimeout(function(){$('tr').eq(1).removeClass('success');},2000);http://jsfiddle.net/5NB3s/附言试图在此处避免jQueryUI路由Howdoyoufad

javascript - 使用 MailGun 从 Node.JS 发送 HTML 电子邮件

我通过我的应用向我的用户发送电子邮件通知,但目前我只以文本形式发送。我想向它发送样式化的HTML电子邮件。目前我试过这个:vardata={from:'myapp',to:user.email,subject:'Welcome',html:'Hi+"user.firstName"+\n,thisemailistoinformyouthathasaddedtheirbiototheknowledgeBase\n'};编译上面的代码不工作,它不喜欢我放入的样式。我在我的本地目录中为我要发送的每种类型的电子邮件创建了一个单独的HTML文件,我希望能够将该html文件附加到我的电子邮件中。像这

javascript - 如何使用 html 标记包装来自 window.getSelection().getRangeAt(0) 的文本选择?

如何从window.getSelection().getRangeAt(0)中进行选择并用HTML标记(如“span”或“mark”)包围它?我更喜欢直接的javascript或jQuery解决方案。我能够使用警报输出选定的文本,但还没有弄清楚如何用额外的标记包围它。我已经看到很多在选择上运行execCommand的例子,但这不是我要找的。在jsfiddle查看我的工作示例有什么想法吗?谢谢 最佳答案 如果所选文本全部包含在单个文本节点中,您可以使用surroundContents()范围的方法。但是,这在一般情况下不起作用。要做的

javascript - html二次曲线上的中心点

我使用context.quadraticCurveTo(controlX,controlY,endX,endY);在htmlCanvas上绘制了一条二次曲线。我有控制点和起点和终点,它们在水平方向上不一定彼此齐平。如何使用这些参数找到曲线的中心点?其实我想在这个中心点上放一个div标签。这个过程有没有解方程? 最佳答案 quadraticCurveTo绘制一个quadraticBéziercurve.计算曲线上任意给定位置(从0到1)点坐标的公式为x(t)=(1-t)^2*x1+2*(1-t)*t*x2+t^2*x3y(t)=(1-

javascript - textPath 上的 SVG 圆圈文本(居中对齐)

我遇到与SVG相关的带圆圈文本的问题。我的目标是创建一条路径,让我可以在上面书写,但也可以让文本居中,同时仍然跟踪我的路径-从圆圈的顶部开始。示例That'swhatitlookslike(内图)问题目前我正在使用textPath+路径组合来生成路径并在上面写入。heregoesmytext我也试过Raphael库来管理它的工作,但说真的,我不能做我想做的事。这里有人真正设法让它发挥作用吗?或者有什么办法可以做到这一点? 最佳答案 将您的文本路径定义为您要绘制的椭圆弧的完整上半球:并将textPath的startOffset设置为5

javascript - 如何从矩阵SVG中提取位置、旋转和缩放

我有一个简单的问题:我想提取平移(tx,ty)、旋转(r)和缩放(sx,sy)值,形成应用于我的svg元素的变换矩阵。让我们用这个例子:...如果我在javascript中这样做document.getElementById("myElement").getCTM()我可以访问a、b、c、d、e、f值。我怎样才能从那里得到tx、ty、sx、sy和r?谢谢 最佳答案 受此ActionScript版本的启发:https://gist.github.com/fwextensions/2052247,我写了一个JavaScript端口:fu

javascript - 如何提高将文本插入 HTML 元素的性能?

在Firefox中,我使用以下代码将文本插入约500个DIV:$(".divs").text("default");//~500DIVs在我的计算机上,如果DIV为空,这始终需要9毫秒。但是,如果DIV已经包含文本,则同样的代码始终需要18毫秒。为什么空DIV插入文本的速度快2倍(jQuery是否需要先清空DIV)?还有,有什么方法可以提高替换已包含文本的DIV中文本的性能吗?注意:在IE7中,速度差异并不那么显着。在空DIV中插入文本大约快1.5倍。 最佳答案 如果您想要所有浏览器的最快解决方案,请使用textContent(如果

javascript - Highcharts:如何在图表区域内添加 HTML

是否可以在图表区域内(边框内;HighchartsRenderer似乎不提供此选项)添加自定义HTML(例如div)?如果是的话,一个人会怎么做呢?感谢任何帮助。 最佳答案 您将不得不使用HighchartsRendererAPI.可以引用这个JSFIDDLEworkingdemo它的工作方式如下:varchart=newHighcharts.Chart({...............},function(chart){//oncompletechart.renderer.text('Thistextisstyledandlink

javascript - 在 Snap.svg 图形上设置 ID 属性

我正在使用Snap.svgAPI,我需要在CSS中选择三个图形以用于样式设置。因此,为了区分它们,我需要给它们一个ID或类名。这就是我创建元素的方式:vardraw=Snap(100,75);c=draw.polyline(0,0,50,75,100,0,0,0);c.attr({fill:"black"});这是我得到的结果:这就是我需要的结果:id="graphic_1"height="75"version="1.1"width="100"xmlns="http://www.w3.org/2000/svg"> 最佳答案 更新我在